$(function() {
	//计算rem的
	function calcRem() {
		var http = document.getElementsByTagName("html")[0];
		var w = document.documentElement.clientWidth;
		http.style.fontSize = w / 16 + "px";
	}
	calcRem();
	window.onresize = function() {
		calcRem();
	};
	$(".category-nav .swiper-slide").each(function() {
		var wordLength = $(this).find("a").html().length;
		var size = (wordLength * 28 + 50) / 40 + "rem";
		$(this).css("width", size)
	})

	$(".category-btn").click(function() {
		$(".category").toggle()
	})

	$('.list ul li').click(function() {
		$(this).addClass('list-active').siblings().removeClass('list-active')
	})

	$('.list .list1').click(function() {
		$('.list').find('.talk').css('display', 'block')
		$('.list').find('.info').css('display', 'none')
		$('.container').css('display', 'none')
	})
	$('.list .list2').click(function() {
		$('.list').find('.talk').css('display', 'none')
		$('.container').css('display', 'none')
		$('.list').find('.info').css('display', 'block')
	})
	$('.list .list3').click(function() {
		$('.list').find('.talk').css('display', 'none')
		$('.list').find('.info').css('display', 'none')
		$('.container').css('display', 'block')
	})
	$('.swiper-wrapper div').click(function  () {
		$(this).addClass('active').siblings().removeClass('active')
	})
	$('.timeline li').click(function  () {
 		$(this).toggleClass('active')
 		$(this).siblings().removeClass('active')
 	})

});